          <?php echo $this->Html->script(array('ckeditor/ckeditor')); ?>
          <?php echo $this->Form->create("Product",array("type"=>"file"));
                echo $this->Form->hidden('id');
                echo $this->Form->hidden('product_code');
               
           ?>
          
             <fieldset>
              <div class="input-content">
                  <div class="input ">
                      <label for="last-name">Tên sản phẩm(<span>*</span>)</label>
                      <?php echo $this->Form->input('product_name', array('class' => 'placeholder', 'placeholder' => ' Tên sản phẩm', 'label' => false, 'div' => false)); ?>
                      <div class="error-message" id="errorProductName"></div>

                  </div>
                  <div class="input ">
                      <label for="last-name">Mã sản phẩm(<span>*</span>)</label>
                      <?php echo $this->Form->input('product_code', array('class' => 'placeholder', 'placeholder' => ' Mã sản phẩm', 'label' => false, 'div' => false,'disabled'=>false)); ?>
                      <div class="error-message" id="errorProductCode"></div>
                  </div>
                  <div class="input">
                      <label for="last-name">Loại sản phẩm(<span>*</span>)</label>
                      <?php
                      echo $this->Form->input('type_product_id', array(
                          'type' => 'select',
                          'options' => $typeProduct,
                          'empty' => 'Chọn loại sản phẩm',
                          'label' => false,
                          'div' => false,
                              )
                      );
                      ?>
                      <div class="error-message" id="errorProductType"></div>

                  </div>
                  <div class="input ">
                      <label for="last-name">Nhà sản xuất</label>
                      <?php echo $this->Form->input('product_maker', array('class' => 'placeholder', 'placeholder' => ' Tên sản phẩm', 'label' => false, 'div' => false)); ?>
                      <div class="error-message" id="errorProductMaker"></div>

                  </div>
                  <div class="input ">
                      <label for="last-name">Số lượng(<span>*</span>)</label>
                      <?php echo $this->Form->input('number', array('class' => 'placeholder', 'placeholder' => ' Số lượng ', 'label' => false, 'div' => false)); ?>
                      <div class="error-message" id="errorNumber"></div>

                  </div>
                  <div class="input">
                      <label for="last-name">Loại hàng</label>
                      <?php
                      echo $this->Form->input('type', array(
                          'type' => 'select',
                          'options' => array("0" => "Sản phẩm bình thường","1" => "Sản phẩm mới", "2" => "Sản phẩm hot"),
                          'label' => false,
                          'div' => false,
                              )
                      );
                      ?>
                      <div class="error-message" id="errorType"></div>

                  </div>
                      <div class="input">
                      <label for="last-name">Loại thời trang(<span>*</span>)</label>
                      <?php
                      echo $this->Form->input('type_fashion', array(
                          'type' => 'select',
                          'options' => array("1" => "Thời trang nam", "2" => "Thời trang nữ"),
                          'empty' => 'Chọn loại thời trang',
                          'label' => false,
                          'div' => false,
                              )
                      );
                      ?>
                      <div class="error-message" id="errorType"></div>

                  </div>
                  <div class="input ">
                      <label for="last-name">Giá(<span>*</span>)</label>
                      <?php echo $this->Form->input('price', array('class' => 'placeholder', 'placeholder' => ' Giá sản phẩm', 'label' => false, 'div' => false)); ?>
                      <div class="error-message" id="errorPrice"></div>

                  </div>
                  <div class="input ">
                      <label for="last-name">Giá khuyến mãi</label>
                      <?php echo $this->Form->input('price_sale_off', array('class' => 'placeholder', 'placeholder' => ' Giá khuyến mãi', 'label' => false, 'div' => false)); ?>
                      <div class="error-message" id="errorPriceSaleOff"></div>

                  </div>
                  <div class="input">
                      <label for="last-name">Ảnh đại diện(<span>*</span>)</label>
                      <?php
                      echo $this->Form->input('image', array(
                          'type' => 'file',
                          'empty' => 'Chọn file',
                          'label' => false,
                          'div' => false,
                          'onChange' => 'return readURL(this)'
                              )
                      );
                      ?>
                      <div class="error-message" id="errorImage"></div>
                      <div style="clear:both;margin-left: 146px;padding-top: 10px;">
                          <img id="image_show" src="<?php echo ( isset($this->request->data['Product']['image'])) ? $this->request->data['Product']['image'] : "#"; ?>" alt="" width="200" height="150" />
                      </div>
                      
                  </div>
                  <input type="hidden" name="old_image" value="<?php echo ( isset($this->request->data['Product']['image'])) ? $this->request->data['Product']['image'] : "";?>" >
                  <div class="submit">
                   <?php echo $this->Form->submit("",array('class'=>'save','id'=>'btnSave')); ?>
                   <!-- <input type="submit" id="btnSave" value="" class="save"> -->
                    <a href="javascript:resetForm()" id="resetForm" class="reset">Reset</a>
                  </div>
            </fieldset>
          <?php echo $this->Form->end(); ?>
    <script>
    function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function (e) {
                    $('#image_show')
                        .attr('src', e.target.result)
                        .width(200)
                    .height(200);
                };

              reader.readAsDataURL(input.files[0]);
            }
     }
    
    $("#btnSave").click(function(){
            var  validateProductName   = new validate("ProductProductName","errorProductName","Bạn chưa nhập tên sản phẩm");
            var  validateProductCode   = new validate("ProductProductCode","errorProductCode","Bạn chưa nhập mã sản phẩm");
           
            var  validateProductType       = new validate("ProductTypeProductId",'errorProductType',"Bạn chưa chọn loại sản phẩm");
            var  validateNumber   = new validate("ProductNumber","errorNumber","Bạn chưa nhập số lượng sản phẩm");
            var  validateType       = new validate("ProductTypeFashion",'errorType',"Bạn chưa chọn loại thời trang");
            var  validatePrice       = new validate("ProductPrice",'errorPrice',"Bạn chưa nhập giá sản phẩm");
          
            var  validateImage      = new validate("ProductImage","errorImage","Bạn chưa chọn hình đại diện"); 
            var  validatePriceSaleOff      = new validate("ProductPriceSaleOff","errorPriceSaleOff","Bạn nhập giá khuyến mãi không đúng định dạng"); 
            var  result1    = validateProductName.notEmpty();
            var  result2    = validateProductCode.notEmpty();
            var  result3    = validateProductType.notEmpty();
            var  result4    = validateNumber.notEmpty();
            var  result5    = validateType.notEmpty();
            var  result6    = validatePrice.notEmpty();
            var  result7     = true;
            var  result8    = true;
            var  id = $("#ProductId").val();
            if( id =="")
            {
                result7    = validateImage.notEmpty();
           
            }
            if(result4)
            {
                validateNumber.message="Số lượng nhập không đúng định dạng";
                result4 = validateNumber.isNumber();
            }
            if(result6){
                validatePrice.message= "Giá sản phẩm không đúng định dạng";
                result6=validatePrice.isNumber();
            }
              result8=validatePriceSaleOff.isNumber();
            
            if(!(result1 && result2 && result3 && result4&& result5 && result6 && result7 && result8))
            {
                $('html, body').animate({ scrollTop: 0 }, 'slow');
            }
            return result1 && result2 && result3 && result4&& result5 && result6 && result7 && result8;
        });
     function resetForm()
     {
        window.location.reload();
     }
    </script>